﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://wubiyu.cnblogs.com">
<head>
    <title>hdomext</title>
    <link href="Theme/DomExtGray/gray.css" rel="Stylesheet" type="text/css" />
    <link href="Theme/site.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript" src="domExt.js"></script>

</head>
<body>
    <div class="pageContent">
        <div class="head">
            <div id="navergation">
                <a href="main.htm" ><h:btn isactive="true">下载</h:btn></a><div>
                    |</div><a href="helper/helper_index.htm" ><h:btn>帮助/例子</h:btn></a><div>
                    |</div><h:btn>主题</h:btn><div>
                    |</div><a href="http://wubiyu.cnblogs.com" target="_blank"><h:btn>博客</h:btn></a><div>
                    |</div><h:btn>关于我们</h:btn>
            </div>
            <div id="logo">
            </div>
        </div>
        <div id="baner">
            <div id="download_btn">
                <span>测试版:1.0(60KB,Minified)</span>
            </div>
            <div id="decsript">
                <h1>
                HDomExt is a new ui javascript</h1>
                HDomExt 是一套由javascript开发的Html标签库，是快速开发B/S系统的 好帮手，具有简单易用,、执行效率高,库文件小、功能强大、完美支持AJAX
                扩展性好、可任意切换主题、可任意自定义主题、采用客户端模板技术,支持 IE6、IE7、IE8、firefox、Chrome等主流浏览器
            </div>
        </div>
        <div id="content">
            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <td style="width: 410px" valign="top">
                        <div>
                            <div style="position: absolute; margin: 40px 0px 0px 200px;">
                                h:treeview<br />
                                支持单选<br />
                                支持多选<br />
                                支持AJAX绑定<br />
                                支持JS数据绑定<br />
                                支持HTML的所有事件<br />
                                支持动态换肤
                                <br />
                                更多.
                            </div>
                            <h2>
                                树控件(treeview)
                            </h2>
                            <img src="Theme/images/treeview.png" alt="treeview" />
                        </div>
                        <div>
                            <div style="position: absolute; margin: 20px 0px 0px 200px;">
                                h:window<br />
                                支持窗口移动<br />
                                支持改变窗口大小<br />
                                支持内嵌 iframe<br />
                                支持最大化<br />
                                支持最小化<br />
                                支持动态创建<br />
                                支持动态关<br />
                                更多.
                            </div>
                            <h2>
                                窗口控件(widnow)
                            </h2>
                            <img src="Theme/images/window.png" alt="treeview" />
                        </div>
                        <div>
                            <div style="position: absolute; margin: 20px 0px 0px 200px;">
                                h:editdroplist<br />
                                支持编辑<br />
                                支持编辑过滤<br />
                                支持键盘选择项<br />
                                支持AJAX过滤<br />
                                支持HTML事件<br />
                                更多......
                            </div>
                            <h2>
                                下拉列表框(editdroplist)
                            </h2>
                            <img src="Theme/images/editdroplist.png" alt="treeview" />
                        </div>
                        <div>
                            <div style="position: absolute; margin: 30px 0px 0px 200px;">
                                 _hy.Chart.Pie<br />
                                  支持Firefox google IE<br />
                                  使用灵活<br />
                                  代码量小<br />
                                  支持鼠标热键<br />
                                更多......
                            </div>
                            <h2>
                                饼状图(_hy.Chart.Pie)
                            </h2>
                            <img src="Theme/images/chart_pie.png" alt="chart_pie" />
                        </div>
                        <div>
                            <div style="position: absolute; margin: 30px 0px 0px 200px;">
                                  _hy.Chart.Bar<br />
                                  支持Firefox google IE<br />
                                  使用灵活<br />
                                  代码量小<br />
                                  支持鼠标热键<br />
                                  更多......
                            </div>
                            <h2>
                                柱状图(_hy.Chart.Pie)
                            </h2>
                            <img src="Theme/images/chart_bar.png" alt="chart_bar" />
                        </div>
                    </td>
                    <td valign="top" align="left">
                        <div style="height: 410px;">
                            <div style="position: absolute; margin: 160px 0px 0px 0px;">
                                h:button<br />
                                支持换肤<br />
                                支持激活状态<br />
                                支持HTML所有事件<br />
                                支持HTML标准style<br />
                                更多...
                            </div>
                            <div style="position: absolute; margin: 160px 0px 0px 200px;">
                                h:text<br />
                                支持切换主题<br />
                                支持自定义主题<br />
                                支持HTML所有事件<br />
                                支持HTML标准style<br />
                                更多...
                            </div>
                            <div style="position: absolute; margin: 290px 0px 0px 0px;">
                                h:pagesplitter<br />
                                支持jsom数据绑定<br />
                                支持切换主题<br />
                                支持动态绑定<br />
                                更多...
                            </div>
                            <h2>
                                按钮(button)、文本框(text)、分页控件(pagesplitter)
                            </h2>
                            <img src="Theme/images/buttons.png" alt="treeview" />
                        </div>
                        <div>
                            <div style="position: absolute; margin: 20px 0px 0px 220px;">
                                  h:layout<br />
                                  支持自动适应<br />
                                  该浏览器窗口大小<br />
                                  支持内嵌 iframe<br />
                                  支持Spliter分栏隐藏<br />
                                  支持Splister拖动<br />
                                更多...
                            </div>
                            <h2>
                                自动布局(layout)
                            </h2>
                            <img src="Theme/images/layout.png" alt="treeview" />
                        </div>
                        <div>
                            <div style="position: absolute; margin: 30px 0px 0px 220px;">
                                  _hy.Chart.Line<br />
                                   支持Firefox google IE<br />
                                  使用灵活<br />
                                  代码量小<br />
                                  支持鼠标热键<br />
                                  更多...
                            </div>
                            <h2>
                                曲线图(_hy.Chart.Line)
                            </h2>
                            <img src="Theme/images/chart_Line.png" alt="chart_Line" />
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="bottom">
        copy right wubiyu 2009-2010:blogs:http://wubiyu.cnblogs.com
    </div>

   

    <script type="text/javascript">
        function myclick() {
         var evt = document.createEvent("MouseEvents");
         evt.initEvent("click", true, true);
         document.getElementById("updatefile01").dispatchEvent(evt); 
       }
        
    </script>
    <script type="text/javascript">
        function test1(num) {
            alert(num);
        }
        function test2(num) {

            if (document.all) {

                document.getElementById("a3").click();

                //document.getElementById("a3").fireEvent("onclick"); 

            }

            else {

                var evt = document.createEvent("MouseEvents");

                evt.initEvent("click", true, true);

                document.getElementById("a3").dispatchEvent(evt);

            }

        }    

//-->   

</script>


</body>
</html>
